✨ 해당 이슈 번호 ✨

#243

todo

• 선호시간 입력시 다음 버튼이 정상적으로 활성화되도록 로직 변경
• 뒤로가기 클릭시 'handle 작동' alert 삭제
• 필요없는 console.log 정리

📌 내가 알게 된 부분

📌 공유하고 싶은 부분

선호 시간 state가 처음에 preferTimes: [{ startTime: '00:00', endTime: '00:00' }] 이렇게 초기화되어있어요.
아마 '직접 시간 입력'시에 초기값을 지정해주기 위해 이렇게 해두신 것 같다는 추측...

그런데 버튼 활성화 로직이 다음과 같이 되어있더라구요

typeState={
            meetingInfo.preferTimes.length >= 1 &&
            meetingInfo.preferTimes[0].startTime &&
            meetingInfo.preferTimes[0].endTime !== '00:00'
              ? 'primaryActive'
              : 'primaryDisabled'
          }

length가 1이상이면서, "첫번째 객체"에 startTime과 endTime이 모두 올바르게 존재할때 라는 건데
오전/오후/저녁 중에 하나를 선택하면, preferTimes에 초기값인 { startTime: '00:00', endTime: '00:00' }가 그대로 있는채로 새로운 객체가 추가돼요.
반면 직접 시간 입력을 하면 초기값이 사라지고 새로운 객체가 다시 처음으로 들어가요.

그니까 오전/오후/저녁을 선택할 경우는, meetingInfo.preferTimes[0].startTime과 endTime이 초기값으로 계속 존재하기 때문에 항상 endTime이 '00:00'이 되고, 위의 조건을 만족하지 못하게 되는 문제입니다.

preferTimes 상태를 관리하는 로직 자체를 리팩토링할 필요가 있을거같긴한데, 재훈오빠가 건드는게 나을 것 같아서
일단 hotfix를 위해서 버튼이 활성화되는 조건을 다음과 같이 고쳐서 해결했습니다.

meetingInfo.preferTimes.length >= 2 ||
      (meetingInfo.preferTimes[0].startTime !== '00:00' &&
        meetingInfo.preferTimes[0].endTime !== '00:00')

-> length가 2이상(오전/오후/저녁 중 하나가 선택됨) || preferTimes[0].startTime과 endTime이 모두 '00:00'이 아님

📌 질문할 부분

📌스크린샷